<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>头条操作</title>
<link href="../resources/css/bootstrap.min.css" rel="stylesheet">
<link href="../resources/css/font-awesome.css" rel="stylesheet">
<link href="../resources/css/animate.css" rel="stylesheet">
<link href="../resources/css/style.css" rel="stylesheet">
<link href="../resources/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
<link href="../resources/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
<link href="../resources/css/fakeLoader.css" rel="stylesheet">

<link rel="stylesheet" href="../resources/css/plugins/webuploader/webuploader.css">
<link rel="stylesheet" href="../resources/css/plugins/webuploader/webuploader-demo.css">
</head>
<body class="white-bg" style="opacity:0">
<div id="fakeloader"></div>
	<div class="wrapper wrapper-content">
		<div class="row">
			<div class="col-sm-3">
				<div class="ibox float-e-margins">
					<div class="ibox-content mailbox-content">
						<div class="file-manager">
							<a class="btn btn-block btn-primary compose-mail"
								href="javascript:void(0);">头条管理</a>
							<div class="space-25"></div>
							<h5>头条状态</h5>
							<ul class="folder-list m-b-md" style="padding: 0">
								<li class="share" value="0"><a href="javascript:void(0);">
										<i class="fa fa-inbox "></i>总共<span
										class="a-1 label label-info pull-right">0 条</span>
								</a></li>
								<li class="share" value="1"><a href="javascript:void(0);">
										<i class="fa fa-file-text-o "></i>已上架<span
										class="a-2 label label-warning pull-right">0 条</span>
								</a></li>
								<li class="share" value="-1"><a href="javascript:void(0);">
										<i class="fa fa-trash-o "></i>下架<span
										class="a-3 label label-danger pull-right">0 条</span>
								</a></li>
							</ul>

							<h5 class="tag-title">增加头条</h5>
							<form role="form" id="commentForm">
								<h5 class="tag-title">封面</h5>
							    <div class="col-sm-10">
										<a class="fancybox picPath" href="#pic" data-toggle="modal"
											onclick="findPicList()"> <img
											class="picPath animated fadeInRight"
											style="width: 190px; height: 115px;" alt="封面" title="点击更换封面"
											src="../resources/images/long.png" />
										</a>
								</div>
								<input type="hidden" value="" class="imagePath">
								<div class="clearfix"></div>
								
								<div class="form-group">
									<div class="input-group m-b">
										<span class="input-group-addon">头条名称</span> <input type="text"
											id="title" name="title" placeholder="请输入名称"
											class="form-control" required="" maxlength="100" aria-required="true">
									</div>
								</div>
								<div class="form-group">
									<div class="input-group m-b">
										<span class="input-group-addon">头条链接</span> <input type="text"
											id="link" name="link" placeholder="请输入链接"
											class="form-control" required="" maxlength="100" aria-required="true">
									</div>
								</div>
								<!-- <div class="form-group">
									<div class="input-group m-b">
										<span class="input-group-addon">内容</span>
										<input type="text" placeholder="请输入内容" class="form-control">
										<textarea id="content" name="content" class="form-control" required="" maxlength="50" aria-required="true"></textarea>
									</div>
								</div> -->
								<div class="form-group">
									<div class="input-group m-b">
										<span class="input-group-addon">权重</span> <input type="text"
											id="priority" name="priority" placeholder="请输入权重(越大越排前)"
											class="form-control" required="" maxlength="100" aria-required="true">
									</div>
								</div>
								<div class="form-group">
									<div class="col-md-9" style="padding:0px">
										<div class="input-group m-b">
											<span class="input-group-addon">头条类型</span> <input type="text"
												id="type" name="type" placeholder="请输入类型1:左2:右"
												class="form-control">
										</div>
									</div>
								</div>
								<button id="addResource"  class="btn btn-white pull-right"
									type="button">提交</button>
							</form>
							<div class="clearfix"></div>
						</div>
					</div>
				</div>
			</div>		
			
			<div class="col-sm-9">
				<div class="ibox float-e-margins">
					<div class="mail-box-header">
						<h2>头条信息</h2>

						<table id="allResource" data-mobile-responsive="true">

						</table>
					</div>
				</div>
			</div>
			
			<div class="modal inmodal" id="pic" tabindex="-1" aria-hidden="true">
				<div class="modal-dialog" style="width:79.3%;margin-top:-1%;">
					<div class="modal-content animated fadeInUp">
						<button type="button" class="close" style="margin-right:7px"
							data-dismiss="modal">
							<span aria-hidden="true">&times;</span>
						</button>
						<div id="uploader" class="wu-example"
							style="margin:0px 5.6% 0  5.6%;">
							<div class="queueList">
								<div id="dndArea" class="placeholder"
									style="min-height: 110px;padding-top: 0px;background:none">
									<div id="filePicker"></div>
									<p>或将照片拖到这里，单次最多可选300张</p>
								</div>
							</div>
							<div class="statusBar" style="display:none;">
								<div class="progress">
									<span class="text">0%</span> <span class="percentage"></span>
								</div>
								<div class="info"></div>
								<div class="btns">
									<div id="filePicker2"></div>
									<div class="uploadBtn">开始上传</div>
								</div>
							</div>
						</div>
						<div class="modal-body picsList"
							style="height:260px;overflow:scroll; padding: 0px 30px 0px 30px;">


						</div>
					</div>
				</div>
			</div>
			
			
		</div>
	</div>
	
	<div id="modal-form" class="modal fade" aria-hidden="true">
		<div class="modal-dialog" style="width: 25%;">
			<div class="modal-content">
				<div class="modal-body">
					<div class="row">
						<h3 class="m-t-none m-b">修改头条信息</h3>

						<form role="form" class="form-horizontal" >
							<div class="input-group m-b">
								<span class="input-group-addon">头条名称</span> <input type="text"
									id="newTitle" class="form-control" >
							</div>
							<div class="input-group m-b">
								<span class="input-group-addon">头条链接</span> <input type="text"
									id="newLink" class="form-control" >
							</div>
							<!-- <div class="input-group m-b">
								<span class="input-group-addon">内容</span>
								<textarea id="newContent" class="form-control" ></textarea>
							</div> -->
							<div class="input-group m-b">
								<span class="input-group-addon">权重</span> <input type="text"
									id="newPriority" class="form-control " >
							</div>
							<div class="input-group m-b">
								<span class="input-group-addon">头条类型</span> <input type="text"
									id="newType" class="form-control">
							</div>

							<div id="update"></div>
						</form>

					</div>
				</div>
			</div>
		</div>
	</div>



	<!-- 全局js -->
	<script src="../resources/js/jquery.min.js"></script>
	<script src="../resources/js/bootstrap.min.js"></script>



	<!-- 自定义js -->
	<script src="../resources/js/content.js"></script>
	<script src="../resources/js/plugins/sweetalert/sweetalert.min.js"></script>

	<script src="../resources/js/fakeLoader.min.js"></script>

	<script src="../resources/js/plugins/validate/jquery.validate.min.js"></script>
	<script src="../resources/js/plugins/validate/messages_zh.min.js"></script>
	<script src="../resources/js/plugins/validate/form-validate-demo.js"></script>


	<!-- Bootstrap table -->
	<script src="../resources/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	<script src="../resources/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
	<script src="../resources/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
	<script src="../resources/js/admin/headline/headline.js"></script>
	
	<!-- Web Uploader -->
    <script type="text/javascript">
        // 添加全局站点信息
        var BASE_URL = '../resources/js/plugins/webuploader';
    </script>
    <script src="../resources/js/plugins/webuploader/webuploader.min.js"></script>
    <script src="../resources/js/plugins/webuploader/webuploader-demo2.js"></script>


</body>
</html>